<template>
	<div id="headerNav" class="headerNavs">
		<div class="heNavtabs">
			<router-link tag='li' to="/home" class="logins"></router-link>
			<ul class="changeLanguge">
				<li class="showlogins" style="background: linear-gradient(90deg, #0BC288, #FFF664); line-height: 40px; padding: 0 20px; margin-top: 20px;" @click="increment()">
					<span>{{myAddress?myAddress: 'Connect a wallet'}}</span> 
				</li>
				<li class="showlogins" >
					<p>Documentation</p>
				</li>
				<li class="showlogins" >
					<p @click="goTo('/CreatAPool')">FAQ</p>
				</li>
				<li class="showlogins" >
					<p @click="goTo('/Products')">关于</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				myAddress: '',
			}
		},
		methods: {
			 increment() {
               this.$root.bus.$emit("incremented", {
                    num: 2,
                    deg: 3
                });
            }
		},
		mounted() {
			this.$root.bus.$on("changeHeaderAddressBus", ({val}) => {
                this.myAddress = val;
            });
		},
		computed: {

		},
	
	}
</script>

<style lang="scss" scoped>
	@import '@/asserts/styles/common/HeaderNav.scss'
</style>